<script setup lang="ts">
import { ref } from 'vue'
import UserInfoForm from './components/UserInfoForm.vue'
import UserInfoDetail from './components/UserInfoDetail.vue'

const userInfo = ref({
  username: '',
  isAdult: '1',
  likes: [] as string[]
})
</script>

<template>
  <div class="container">
    <UserInfoForm v-model="userInfo" />
    <hr>
    <UserInfoDetail v-model="userInfo" />
  </div>
</template>

<style scoped>
.container {
  width: 800px;
  margin: 50px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.submit {
  margin-top: 25px;
}
</style>